<template>
	<view class="container pageColor">
		<tn-nav-bar fixed customBack :alpha="isalpha" :bottomShadow="false" backgroundColor="#ffffff">
			<view class="tn-flex tn-flex-col-center tn-flex-row-center ">
				<text class="tn-text-lg tn-text-bold tn-color-black">关于我们</text>
			</view>
		</tn-nav-bar>
		<view class="pageContent" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
			<view class="card" >
					<view class="title">
						<view class="titleIcon"></view>
						<view class="titleFont">
							产品概述
						</view>
					</view>
					<view class="content tn-text-left tn-margin-top" style="line-height: 50rpx;">
						「新航e信钱包」是一款专为企业打造的智能化金融凭证管理工具，聚焦电子票据及数字债券凭证的全流程数字化管理。通过区块链加密、AI识别与云端协同技术，帮助企业实现金融资产的合规存储、智能追踪与高效流转，降低操作风险，提升资金管理效率。
					</view>
			</view>
			
			
		</view>
	</view>
</template>
<script>
	var app = getApp().globalData.config;
	export default {
		components: {
		},
		data() {
			return {
				userInfo: null,
				isalpha: true,
				loading: true,
			}
		},
		watch: {
			'vuex_user': {
				handler(value) {
					// 如果sectionList发生改变，重新初始化选项列表信息
					this.getUserInfo()
				},
				deep: true,
			},
			'vuex_user_update': {
				handler(value) {
					// 如果sectionList发生改变，重新初始化选项列表信息
					this.getUserInfo()
					this.$tn.vuex('vuex_user_update',false)
				},
				deep: true,
			}
		},
		onPageScroll(e) {
			if (e.scrollTop > 80) {
				this.isalpha = false
			} else {
				this.isalpha = true
			}
		},
		onLoad() {
			this.$nextTick(() => {
				this.getUserInfo()
				
			})
		},
		methods: {
			
			/**
			
			
			/**
			 * 获取基本信息
			 */
			getUserInfo() {
				// getTalentInfo().then(res => {
				// 	if (res.code == 0) {
				// 		this.userInfo = res.data
				// 	}
				// 	this.loading = false
				// })
			},
			
			/**
			 * @function 进入页面
			 */
			goInfo(url) {
				if (this.vuex_user != null) {
					uni.navigateTo({
						url: url
					})
				} else {
					this.tool.toastTip('请先登录')
					setTimeout(function() {
						uni.navigateTo({
							url: '/pageMine/login'
						})
					}, 500);
				}

			},
		}
	}
</script>
<style lang="less" scoped>
	.dflex() {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.dflexsb() {
		.dflex();
		justify-content: space-between;
	}

	.dflexsa() {
		.dflex();
		justify-content: space-around;
	}

	.container {
		width: 100%;
		font-family: PingFang SC, PingFang SC;

		.pageContent {
			padding: 0 ;
			.card {
				width:  670rpx;
				height: auto;
				margin: 20rpx auto 0;
				text-align: center;
				background: #FFFFFF;
				padding: 20rpx 20rpx 40rpx;
				border-radius: 30rpx 30rpx 30rpx 30rpx;
				.toux{
					width: 160rpx;
					height: 160rpx;
				}
				.jiac{
					height: 32rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: #000000;
					line-height: 32rpx;
					text-align: center;
					font-style: normal;
					text-transform: none;
					margin-top: 30rpx;
				}
				.title{
					width: 100%;
					position: relative;
					display: inline-block;
					margin-top: 100rpx;
					.titleIcon {
						width: 9rpx;
						height: 28rpx;
						background: #FD944F;
						border-radius: 20rpx 20rpx 20rpx 20rpx;
						float: left;
						margin-right: 10rpx;
					}
					.titleFont {
						height: 30rpx;
						font-family: Source Han Sans SC, Source Han Sans SC;
						font-weight: 500;
						font-size: 30rpx;
						color: #000000;
						line-height: 30rpx;
						text-align: left;
						font-style: normal;
						text-transform: none;
						float: left;
					}
				}
				.content{
					width: 100%;
					height: 120rpx;
					position: relative;
					.line{
						width: 100%;
						height: 30rpx;
						margin-left: 20rpx;
						display: inline-block;
						margin-bottom: 30rpx;
						.icon{
							width: 30rpx;
							height: 30rpx;
							float: left;
							margin-top: 50rpx;
						}
						.font{
							// height: 30rpx;
							float: left;
							margin-top: 29rpx;
							margin-left: 20rpx;
							.phone{
								// height: 136rpx;
								font-family: Source Han Sans SC, Source Han Sans SC;
								font-weight: 400;
								font-size: 28rpx;
								color: #828282;
								line-height: 68rpx;
								text-align: left;
								font-style: normal;
								text-transform: none;
							}
							.num{
								// height: 136rpx;
								font-family: Helvetica, Helvetica;
								font-weight: 400;
								font-size: 28rpx;
								color: #333333;
								line-height: 68rpx;
								text-align: left;
								font-style: normal;
								text-transform: none;
							}
						}
					}
				}
				.erwCode{
					width: 268rpx;
					height: 263rpx;
					display: block;
					// float: left;
					position: relative;
					margin-top: 50rpx;
				}
			}
			.dflex() {
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			.dflexsb() {
				.dflex();
				justify-content: space-between;
			}
			
			.dflexsa() {
				.dflex();
				justify-content: space-around;
			}
			
			.user {
				
					.dflex();
					justify-content: flex-start;
					padding: 20rpx 30rpx 26rpx 36rpx;
				
					.header {
						width: 100rpx;
						height: 100rpx;
						margin-right: 18rpx;
						border-radius: 50%;
						position: relative;
				
						.icon {
							position: absolute;
							bottom: 0rpx;
							right: 0rpx;
							width: 32rpx;
							height: 32rpx;
						}
					}
				
					.info {
						width: 100%;
				
						.top {
							.dflexsb();
							width: 100%;
							margin-bottom: 8rpx;
				
							.name {
								flex: 1;
								font-weight: 600;
								font-size: 32rpx;
								color: #333333;
								font-style: normal;
								text-transform: none;
							}
				
							.oprate {
								width: 120rpx;
								.dflexsa();
								font-size: 28rpx;
								color: #000;
				
								text {
									margin-left: 26rpx;
									font-size: 44rpx;
									color: #000;
									font-weight: 500;
								}
								
								.notiyImg{
									position: relative;
									padding: 15rpx 13rpx;
									.noties{
										position: absolute;
										color: white;
										font-size: 15rpx;
										top: 9%;
										right: 0%;
										background-color: red;
										padding: 0rpx 11rpx;
										border-radius: 10rpx;
									}
								}
								
							}
						}
				
						.bottom {
							.dflex();
							justify-content: flex-start;
							font-weight: 400;
							font-size: 24rpx;
							color: #979797;
							font-style: normal;
							text-transform: none;
				
							.tn-icon-copy {
								font-size: 32rpx;
								color: #000;
								margin-left: 8rpx;
							}
						}
					}
				
			}
		}
	}
</style>